<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="asset\set.css">
    <link rel="stylesheet" href="css\mine.css">
    <link rel="stylesheet" href="icon\iconfont\iconfont.css">
    <title>Mine</title>
</head>
<body>
    <div class="container">
        <header>
            <div class="left-icon">
                <i class="i ic:arrow-left" onclick="location.href='dynamic.html'"></i>
            </div>
            <div class="right-icon">
                <i class="i ic:qr-code"></i>
                <i class="i ic:bell"></i>
                <i class="i ic:settings"></i>
            </div>
        </header>
        <div class="my-info">
            <img src="img/head_portrait.png">
            <div class="name-QQnumber">
                <p class="name">我</p>
                <div class="number">
                    <span class="content">QQ号：1122334455</span>
                    <strong><span class="id">ID<i class="i ic:arrow-right"></i></span></strong>
                </div>
            </div>
            <div class="right-icon">
                <i class="i ic:thumbs-up"></i>
                <span>111</span>
            </div>
        </div>
        <div class="detail-info">
            <ul class="info">
                <li onclick="location.href='info-setting.html'">
                    <div class="left">
                        <i class="i ic:man"></i>
                        <span>男 | 20岁 | 9月29日 天秤座</span>
                    </div>
                    <div class="right">
                        <i class="i ic:arrow-right"></i>
                    </div>
                </li>
                <li>
                    <div class="left" id="reset">
                        <span>编辑个签，展示我的独特态度。</span>
                    </div>
                    <div class="right">
                        <i class="i ic:arrow-right"></i>
                    </div>
                </li>
            </ul>
        </div>
        <div class="add">
            <span>添加标签</span>
            <i class="i ic:add"></i>
        </div>
        <div class="data">
            <div class="info" onclick="location.href='info-setting.html'">
                <div class="left">
                    <i class="i ic:file"></i>
                    <span>资料完成度80%</span>
                </div>
                <div class="right">
                    <span>去完善</span>
                    <i class="i ic:arrow-right"></i>
                </div>
            </div>
        </div>
        <ul class="my-othors">
            <li>
                <div class="left">
                    <i class="i ic:star-5"></i>
                    <span>QQ空间</span>
                </div>
                <div class="right">
                    <span>分享新鲜事</span>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:game"></i>
                    <span>我的游戏</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="bottom">
            <li>
                <span>个性名片</span>
            </li>
            <li onclick="location.href='info-setting.html'">
                <span>编辑资料</span>
            </li>
            <li class="selected">
                <span>发消息</span>
            </li>
        </ul>
    </div>
</body>
</html>